<!-- 右侧  -->
<div id="page-inner">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <h1 id='page_name' class="page-header">
                    page_name
                </h1>
            </div>
        </div>
        <div class="row"></div>
        <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
            </button>
            <button id="btn_edit" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>编辑
            </button>
            <button id="btn_delete" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
            <button id="btn_search" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>搜索
            </button>
            <button id="btn_return" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>返回
            </button>
        </div>
    </div>
    <table id="data_table" class="table-striped table-hover"></table>
</div>

<!-- 添加 -->
<div class="modal fade" id="new_data" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div id="new_data_body" class="modal-body">
                <div class="form-group">
                    <label>角色名称</label>
                    <input class="form-control" placeholder="必填"  id="new_role_name" type="text" >
                </div>
                <div class="form-group">
                    <label>备注</label>
                    <input class="form-control" placeholder="" id="new_role_note" type="text">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="new_data_submit">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 编辑 -->
<div class="modal fade" id="edit_data" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">编辑一个角色</h4>
            </div>
            <div class="modal-body" >
                <div class="form-group">
                    <label>角色名称</label>
                    <input class="form-control" placeholder="必填"  id="edit_role_name" type="text" >
                </div>
                <div class="form-group">
                    <label>备注</label>
                    <input class="form-control" placeholder="" id="edit_role_note" type="text">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="edit_data_submit">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<!-- 编辑 -->
<div class="modal fade" id="tree_select" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">权限选择</h4>
            </div>
            <div class="modal-body" id="tree-select-div">
                <select id="test-select" class="selectpicker" multiple="multiple">
                    <option value="1" data-section="Smoothies">Blueberry</option>
                    <option value="2" data-section="Smoothies/haha" data-description="Really good :o" selected="selected">Longan</option>
                    <option value="3" data-section="Smoothies/Bubble Tea">Milk Tea</option>
                    <option value="4" data-section="Smoothies/Bubble Tea">Green Apple</option>
                    <option value="5" data-section="Smoothies/Bubble Tea/red apple">Red Apple</option>
                    <option value="6" data-section="Smoothies/Bubble Tea" data-description="The greatest flavor" selected="selected">Passion Fruit</option>
                    <option value="7" data-section="Smoothies">Strawberries</option>
                    <option value="8" data-section="Smoothies">Peach</option>
                </select>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="tree-select-submit">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>


<!-- 搜素 -->
<div class="modal fade" id="search_data" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">搜索</h4>
            </div>
            <div class="modal-body" >
                <div class="form-group">
                    <label>搜索条件</label>
                    <input class="form-control" placeholder="请输入搜索条件" id="search_content" type="text">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="search_data_submit">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script src="pages/js/roles.js"></script>

